<template>
  <div>
    <van-nav-bar title="发布需求" left-arrow @click-left="$router.go(-1)" />
    <div class="p15">
      <div class="f14">
        <div class="fb mt10">需求标题:</div>
        <van-field v-model="value" placeholder="请输入需求标题" />
        <div class="fb mt10">需求类型:</div>
        <van-field v-model="value" placeholder="招标" />
      </div>
    </div>
    <div class="blue-line"></div>
    <div class="p15">
      <div class="f14">
        <div class="fb mt10">封面图片:</div>
        <van-uploader v-model="img" multiple class="mt10" />
        <div class="c-b5">支持jpg/gif/png格式,不超过2M</div>
      </div>
    </div>
    <div class="blue-line"></div>
    <div class="p15">
      <div class="f14 fb">联系方式：</div>
      <div class="f14">
        <div class="fb mt10">电话:</div>
        <van-field v-model="value" placeholder="请输入电话号码" />
        <div class="fb mt10">手机:</div>
        <van-field v-model="value" placeholder="请输入手机号码" />
        <div class="fb mt10">邮箱:</div>
        <van-field v-model="value" placeholder="请输入邮箱" />
        <div class="fb mt10">QQ:</div>
        <van-field v-model="value" placeholder="请输入QQ （选填）" />
        <div class="fb mt10">微信:</div>
        <van-field v-model="value" placeholder="请输入微信 （选填）" />
      </div>
    </div>
    <div class="p15">
      <div class="f14">
        <div class="fb mt10">发布时间:</div>
        <van-field v-model="value" placeholder="mm/dd/yyyy" />
        <div class="fb mt10">发布周期:</div>
        <van-field v-model="value" placeholder="单位/月" />
        <div class="fb mt10">是否接收个人参与请求：:</div>
        <van-radio-group v-model="value" direction="horizontal" class="mt10">
          <van-radio name="1">是</van-radio>
          <van-radio name="2">否</van-radio>
        </van-radio-group>
      </div>
    </div>
    <div class="flex-a mt40">
      <van-button type="default" class="h40">取消</van-button>
      <van-button type="info" class="h40">发布</van-button>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: "",
      img: []
    };
  }
};
</script>

<style scoped>
.blue {
  color: #0084fb;
}
</style>